<ul class="listing">
  {% for item in include.listings %}
    <li {% if item.url == page.url %}class="active"{% endif %}>
      <a href="{{ site.url }}{{ item.url }}">
        <div class="icon">{% include document-icon.html icon=item.type %}</div>
        <article>
          <div>
            <h3>{% if include.numbered %}{{ forloop.index }}. {% endif %}{{ item.title }}</h3>
            <p class="description">{{ item.description }}</p>
          </div>
        </article>
      </a>
    </li>
  {% endfor %}
</ul>